<%@page import="com.qububu.play.dineTogether.dto.ActionInfoDto"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resource/css/admin-dine.css">
<script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/constants.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/jquery/jquery-1.8.2.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/honeycombtool.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/admin-dine.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/ajax_constants.js"></script>
<div class="main-box">
	<div class="publish-action">
		<a href="<%=request.getContextPath() %>/play/dine/admin/publishAction" target="_blank">发布活动信息</a></div>
	<div class="action-control" title="(调用/qububu/play/dine/ajaxOngoingOrNearestAction先获得当前活动ActionInfo再获得活动的id(actionId),然后可以选择添加任务、添加菜品、活动总结)">当前活动管理</div>
	<div class="action-title" id="action-title">
		<img style="width: 25px; height: 25px;" src="<%=request.getContextPath() %>/resource/images/pages/loading.gif" alt="loading..." />
	</div>
	<div class="control-box" id="control-box">
		<div class="control-top">活动职务管理</div>
		<div class="staff-box">
			<div class="staff-control-title">
				<div style="width: 180px; height: 40px; float: left;">
					<a href="javascript:" id="staff-control">获取职务列表并管理</a>
				</div>
				<div style="float: left; width: 100px; height: 40px; margin-left: 10px;">
				<form action="<%=request.getContextPath()%>/play/dine/admin/infoAddStaff" id="addStaffForm" method="post" target="_blank">
					<input type="hidden" name="actionId" id="actionId" />
					<a href="javascript:addStaff()" style="font-size: 12px;">添加职务&gt;&gt;</a>
				</form>	
				</div>
				<div style="float: right; width: 80px; height: 40px; margin-right: 20px;">
					<a href="javascript:hiddenOrShowStaffListBox()" id="hiddenStaffListBoxLink" style="display: none;">收起</a>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="staff-list" id="staff-list">
				<div class="staff-list-row">
					<div class="staff-list-row-name">职务名称</div>
					<div class="staff-list-row-about" style="text-align: center; font-size: 14px; line-height: 40px;">职务简介</div>
					<div class="staff-list-row-control">
						管理
					</div>
					<div style="clear: both;"></div>
				</div>
				<div id="staff-list-content" class="staff-list-content">
					<div style="width: 790px; height: 40px; text-align: center;">
						<img style="width: 40px; height: 40px;" src="<%=request.getContextPath() %>/resource/images/pages/loading.gif" alt="loading..." />
					</div>
				</div>
			</div>
		</div>
		
		<div class="control-top">食谱管理</div>
		<div class="staff-box">
			<div class="staff-control-title">
				<div style="width: 180px; height: 40px; float: left;">
					<a href="javascript:" id="food-control">获取食谱列表并管理</a>
				</div>
				<div style="float: left; width: 100px; height: 40px; margin-left: 10px;">
				<form action="<%=request.getContextPath()%>/play/dine/admin/infoAddFood" id="addFoodForm" method="post" target="_blank">
					<input type="hidden" name="actionId" id="actionId-food" />
					<a href="javascript:addFood()" style="font-size: 12px;">添加食谱&gt;&gt;</a>
				</form>
				</div>
				<div style="float: right; width: 80px; height: 40px; margin-right: 20px;">
					<a href="javascript:hiddenOrShowFoodListBox()" id="hiddenOrShowFoodListLink" style="display: none;">收起</a>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="food-list-box" id="food-list-box" style="width: 790px; min-height: 80px; height: auto!important; height: 80px; display: none;">
				<div class="staff-list-row">
					<div style="float: left; width: 160px; height: 40px; text-align: center; margin-left: 5px;">菜品图片</div>
					<div style="float: left; width: 160px; height: 40px; margin-left: 15px;">菜品名称</div>
					<div style="float: left; width: 80px; height: 40px; margin-left: 15px;">是否为主食</div>
					<div style="float: left; width: 100px; height: 40px; margin-left: 15px;">操作</div>
					<div style="clear: both;"></div>
				</div>
				<div id="food-list-content" class="food-list-content">
					<div style="width: 790px; height: 40px; text-align: center;">
						<img style="width: 40px; height: 40px;" src="<%=request.getContextPath() %>/resource/images/pages/loading.gif" alt="loading..." />
					</div>
					<!-- <div class="food-list-row" style="height: 120px; line-height: 120px; width: 790px; margin-top: 3px; border-top: 1px dashed red;">
						<div style="float: left; width: 160px; height: 120px; text-align: center; margin-left: 5px;">
							<img src="" alt="" style="max-height: 120px; max-width: 120px;">
						</div>
						<div style="float: left; width: 160px; height: 120px; margin-left: 15px;">狗屁</div>
						<div style="float: left; width: 80px; height: 120px; margin-left: 15px; text-align: center;">是</div>
						<div style="float: left; width: 100px; height: 120px; margin-left: 15px;">
							<a href="javascript:deleteFood()">删除</a>
						</div>
						<div style="clear: both;"></div>
					</div> -->
				</div>
			</div>
		</div>
		
		<div class="control-top">参加成员管理</div>
		<div class="staff-box">
			<div class="staff-control-title">
				<div style="width: 180px; height: 40px; float: left;">
					<a href="javascript:" id="people-control">获取参加人员列表并管理</a>
				</div>
				<div style="float: right; width: 80px; height: 40px; margin-right: 20px;">
					<a href="javascript:changePeopleListBoxDisplay()" id="changePeopleListBoxDisplayLink" style="display: none;">收起</a>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="people-list" id="people-list" style="width: 790px; min-height: 90px; height: auto!important; height: 90px; border-top: 1px dashed #AED4F5; display: none;">
				<div style="width: 790px; height: 40px; margin-top: 20px; text-align: center;">
					<img style="width: 40px; height: 40px;" src="<%=request.getContextPath() %>/resource/images/pages/loading.gif" alt="loading..." />
				</div>
			</div>
		</div>
	</div>
	<div class="old-action-control-box">
		<div class="control-top">过期活动管理</div>
		<div class="staff-box">
			<div class="old-action-control-title">
				<div style="width: 180px; height: 40px; margin-left: 5px; float: left;">
					<a href="javascript:" id="old-action-control">获取过期活动列表并管理</a>
				</div>
				<div style="float: right; width: 80px; height: 40px; margin-right: 20px;">
					<a href="javascript:changeOldActionListBoxDisplay()" id="changeOldActionListBoxDisplayLink" style="display: none;">收起</a>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="old-action-list-top" id="old-action-list-top" style="width: 790px; min-height: 30px; height: auto!important; height: 30px; border-top: 1px dashed #AED4F5; display: none;">
				<div style="width: 790px; height: 30px; line-height: 30px; background: #CCCCCC;">
					<div style="float: left; width: 160px; height: 30px; margin-left: 5px;">标题</div>
					<div style="float: left; width: 160px; height: 30px; text-align: center; margin-left: 5px;">开始时间</div>
					<div style="float: left; width: 160px; height: 30px; text-align: center; margin-left: 5px;">结束时间</div>
					<div style="float: left; width: 120px; height: 30px; margin-left: 5px;">发布者</div>
					<div style="float: left; width: 160px; height: 30px; margin-left: 5px;">管理</div>
					<div style="clear: both;" id="gotoSummarize"></div>
				</div>
			</div>
			<div class="old-action-list" id="old-action-list" style="width: 790px; min-height: 40px; height: auto!important; height: 40px; border-top: 1px dashed #AED4F5; display: none;">
				<div style="width: 790px; height: 40px; margin-top: 20px; text-align: center;">
					<img style="width: 40px; height: 40px;" src="<%=request.getContextPath() %>/resource/images/pages/loading.gif" alt="loading..." />
				</div>
			</div>
		</div>	
	</div>
</div>